
/*right-tabs*/
/*tabs nav*/
.tabs-nav {
    width: 100%;
    display: flex;
    font-size: 16px;
    margin-top: 15px;
}

.tabs-nav .tabs-nav-item {
    width: 33.333%;
    flex: 1;
    border-bottom: 1px solid #666666;
}
.tabs-nav .tabs-nav-item div{
    color: #999;
    line-height: 30px;
    height: 30px;
    font-size: 18px;
}
.tab-item-active{
    border-bottom: 3px solid #2ca4e7!important;
}
.tab-item-active a{
    color: #666!important;
}
/*tab content*/
#time-1,#time-2,#time-3{
    border: 1px solid #666666;
    border-radius: 3px;
    height: 30px;
    text-indent: 2px;
}

.margin-top{
    margin-top:20px;
}
.card-record-table{
    width: 100%;
}
.card-record-table tr{
    display: flex;
    height: 30px;
    padding: 7px 0;
    line-height: 30px;
}
.card-record-table tr:nth-child(odd){
    background: #c2dceb;
    border-radius: 5px;
}
.card-record-table tr td{
    width: 25%;
    flex: 1;
}
.card-record-table tr td:last-child{
    width: 75%;
    flex: 3;
}
#unusual table{
    color: red ;
}
#out,#in,#unusual{
    display: none;
}
#out:target,#in:target,#unusual:target{
    display: block;
}